import React, { useState } from 'react'
// hooks 其实就是函数，只不过以 use 开头
// 左侧设置初始化状态以及修改状态的方式，书写形式为数组
// 右侧函数的参数就是左侧状态的初始化的值
// 修改状态，参数的值其实就是运算之后的结果
// 修改状态的函数必须以 set 开头， 采用小驼峰式命名方式
function App() {
  // 为什么这里可以使用const
  // 函数式组件的状态更新时，整个函数都会重新执行
  const [ count, setCount ] = useState(100)
  return (
    <div>
      <button
        onClick = { () => {
          setCount(count + 10)
        }}
      >加10</button>{ count }
    </div>
  )
}

export default App
